<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <script src="bootstrap/js/jquery-1.11.1.min.js"></script>
      <script src="bootstrap/js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <script src="jQuery/menu.js"></script>
   <script src="jQuery/red.js"></script>
   <script>
   	$(function(){
   		$('.menus').menu();
   		$('.menus>a').red();
   	});
   </script>
   <style>
   body{padding-top:70px}
   .menus a{display:block;width:80px}
   .menu{display:none}
   </style>
   <body>
   	<div class="menus">
   		<a href="#">菜单标题</a>
   		<div class="menu">
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   		</div>
   		<a href="#">菜单标题</a>
   		<div class="menu">
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   		</div>
   		<a href="#">菜单标题</a>
   		<div class="menu">
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   		</div>
   		<a href="#">菜单标题</a>
   		<div class="menu">
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   		</div>
   		<a href="#">菜单标题</a>
   		<div class="menu">
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   			<a href="#">菜单项</a>
   		</div>
   	</div>
   </body>
</html>